<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- echart容器 -->
<div id="day_online_statistics" class="row" style="height: 600px;">

</div>

<div id="day_online_statistics_line" class="row" style="height: 600px;">

</div>
<script type="text/javascript">
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document
			.getElementById('day_online_statistics'));
	var option = {
		toolbox: {
			 feature: {
		            dataView: {},
		            saveAsImage: {
		                pixelRatio: 2
		            }
		        }
		},
		
		tooltip : {},
		legend : {
			data : [ '在线人数' ]
		},
		xAxis : {
			data : [ 
			<c:forEach var="item" items="${dayOnlineBeans}">
				"${item.xcoordinate }",
			</c:forEach>
			        ]
		},
		yAxis : {},
		series : [ {
			name : '在线人数',
			type : 'bar',
			data : [ 
			<c:forEach var="item" items="${dayOnlineBeans}">
				${item.ycoordinate },
			</c:forEach>
			        ]
		}
		]
	};

	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
</script>

<script type="text/javascript">
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document
			.getElementById('day_online_statistics_line'));
	var option = {
		toolbox: {
			 feature: {
		            dataView: {},
		            saveAsImage: {
		                pixelRatio: 2
		            }
		        }
		},
		
		tooltip : {},
		legend : {
			data : [ '在线人数' ]
		},
		xAxis : {
			data : [ 
			<c:forEach var="item" items="${dayOnlineBeans}">
				"${item.xcoordinate }",
			</c:forEach>
			        ]
		},
		yAxis : {},
		series : [ {
			name : '在线人数',
			type : 'line',
			data : [ 
			<c:forEach var="item" items="${dayOnlineBeans}">
				${item.ycoordinate },
			</c:forEach>
			        ]
		}
		]
	};

	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
</script>